import { fileURLToPath, URL } from "node:url";

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

// import AutoImport from "unplugin-auto-import/vite"; // element+ 按需导入 自动导入组件 如果需要，则需要去掉全局引入
// import Components from "unplugin-vue-components/vite"; // element+ 按需导入 自动导入组件 如果需要，则需要去掉全局引入
// import { ElementPlusResolver } from "unplugin-vue-components/resolvers"; // element+ 按需导入 自动导入组件 如果需要，则需要去掉全局引入

// https://vitejs.dev/config/
export default defineConfig({
  server: {
    cors: true,
  },
  plugins: [
    vue(),
    // ********* element+ 部分 **********
    // AutoImport({
    //   resolvers: [ElementPlusResolver()],
    // }),
    // Components({
    //   resolvers: [ElementPlusResolver()],
    // }),
    // ********* element+ 部分 **********
  ],
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
  css: {
    preprocessorOptions: {
      scss: {
        //additionalData: '@import"@/assets/css/globalstyle.scss";'
        //👆这样写是不行的。因为如果项目中其他的css文件有@forward关键字，就会提示错误
        additionalData: '@use "@/assets/css/globalstyle.scss" as *;',
        //👆这样写是可以的，但是要注意
        //!!!!一定要将其他地方引入该css文件的地方删除，如index.html,否则会提示已经加载该module的错误！！！
      },
    },
  },
});
